<template>
    <div class="container">
        <div class="step">
            <van-steps :active="active">
                <van-step>阅读协议</van-step>
                <van-step>手机认证</van-step>
                <van-step>实名认证</van-step>
            </van-steps>
        </div>
        <div class="form">
            <van-cell-group>
                <van-field
                        v-model="phone"
                        label="手机号"
                        placeholder="请输入手机号"
                />
                <van-field
                        v-model="sms"
                        center
                        clearable
                        label="验证码"
                        placeholder="请输入短信验证码"
                >
                    <van-button slot="button" size="small" type="primary">发送验证码</van-button>
                </van-field>
            </van-cell-group>
            <van-button plain hairline type="primary" url="#/civil_third">确认手机信息</van-button>
        </div>
    </div>
</template>

<script>
export default {
  name: 'second',
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style src="./index.css" scoped>
</style>
